<template>
  <div id=''>
    <h1>路由组件传参子组件props</h1>
    <p>{{ props.id }}</p>
  </div>
</template>

<script lang='ts'>
export default {
  name: 'son',
}
</script>

<script lang='ts' setup>
import { ref } from 'vue';
interface classA {
  name: string,
  age: number,
  sex: string
}
const props = defineProps({
  id: Number
});
</script>

<style lang='scss' scoped></style>
